<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv ="X-UA-Compatible" content="IE=edge,chrome=1" />
<!--		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
-->		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/home.css">
		<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
		<script type="text/javascript" src="js/index.js" ></script>
		<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
		<title>舆情首页</title>
	</head>
	<body>
		<div class="index-container container">
			
			<!--登陆注册-->
			<div class="login clearfix">
				<p class="fr">
					<span id="load">登陆</span>
				    <span id="registe">注册</span>
				</p>
			</div>
			
			<!--注册弹框-->
			<div class="registe-container box">
				<div class="delete"><img src="images/delete.png"/></div>
				<div class="login-title">用户注册</div>
				<div class="login-line"><span></span></div>
				<div class="inputs">
					<div>
						<input type="text" placeholder="手机号/邮箱" class="change-input" />
					</div>
					<div class="identifying">
						<input type="password"  placeholder="验证码" class="change-input" />
						<input type="button" class="identifying-code" value="获取验证码">
					</div>
					<div>
						<input type="password" placeholder="输入密码" class="change-input" />
					</div>
					<div>
						<input class="login-btn" type="button" value="登陆"/>
					</div>
				</div>
				<div class="third-party-logins">
					<p>第三方账号登陆</p>
					<div class="third-party">
						<ul>
							<li><img src="images/logins.jpg" /></li>
							<li><img src="images/logins.jpg" /></li>
							<li><img src="images/logins.jpg" /></li>
						</ul>
					</div>
				</div>
			</div>
			
			<!--登陆弹框-->
			
			<div class="login-container box">
				<div class="delete"><img src="images/delete.png"/></div>
				<div class="login-title">密码登陆</div>
				<div class="login-line"><span></span></div>
				<div class="inputs">
					<div>
						<input type="text" placeholder="手机号/邮箱" class="change-input" />
					</div>
					<div>
						<input type="password" placeholder="密码" class="change-input" />
					</div>
					<div>
						<input class="login-btn" type="button" value="登陆"/>
					</div>
					<div class="next clearfix">
						<div class="next-auto fl">
							<input type="checkbox" class="checkbox"">
							<span>下次自动登录</span>
						</div>
						<div class="forget fr">
							<span>忘记密码</span>
							<span class="vertical-line">&nbsp;</span>
							<span>注册</span>
						</div>
					</div>
				</div>
				<div class="third-party-logins">
					<p>第三方账号登陆</p>
					<div class="third-party">
						<ul>
							<li><img src="images/logins.jpg" /></li>
							<li><img src="images/logins.jpg" /></li>
							<li><img src="images/logins.jpg" /></li>
						</ul>
					</div>
				</div>
			</div>
			
			<!--logo-->
			<div class="header">
				<img src="images/logo.png" />
			</div>
			
			<!--搜索框-->
			<div class="searchbox">
				<div class="search-input clearfix">
					<ul class="clearfix">
						<li class="bgcolor" onclick="javascript:window.location='public.html'">
							舆情
						</li>
						<li onclick="javascript:window.location='company.html'">
							企业
						</li>
						<li onclick="javascript:window.location='product.html'">
							产品
						</li>
					</ul>
				</div>
				<div class="search-content">
					<form method="post" action="//s.taobao.com/search" class="search-form">
						<div>
							<input type="text" value="" id="search-input" placeholder="美国 特朗普" /><button class="one">搜索</button><button class="two">舆情定制</button>
						</div>
					</form>
				</div>
				<div class="search-list clearfix" id="search-list">
					<ul class="clearfix">
						<li>大家都在搜：</li>
						<li>
							海学网
						</li>
						<li>
							广东步步高电子工业有限公司
						</li>
						<li>
							史密斯热水器有限公司
						</li>
					</ul>
				</div>
			</div>
			
			<!--主体内容-->
			<div class="main-body clearfix" id="main-body">
				<div class="clearfix">
				<div class="left-box fl">
					<div class="left-item clearfix">
						<div class="item-header clearfix">
							<div class="item-name fl">
								<div class="header-img fl">
									<img src="images/companyLogo.png" >
								</div>
								<div class="header-infro fl">
									<div class="header-title">
										达内教育
									</div>
									<div class="header-hot clearfix">
										<div class="fl header-hot-txt">热度指数</div>
										<div class="hot-progress fl">
											<div class="progress-val" id="bar_width">5642</div>
											<div class="progress-bar">
												<span class="progress-in" id="bar"></span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="item-keyword fr">
								<ul>
									<li>关键词 :</li>
									<li>工作好</li>
									<li>老师负责</li>
									<li>老师好</li>
								</ul>
							</div>
						</div>
						<div class="item-content">
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">达内科技是国内的职业教育机构</span>
								</p>
								<div class="item-content-time fr">一天前</div>
							</div>
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">百家号</span>
								</p>
								<div class="item-content-time fr">22小时后</div>
							</div>
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">东方网</span>
								</p>
								<div class="item-content-time fr">一天前</div>
							</div>
						</div>
					</div>
					<div class="left-item clearfix">
						<div class="item-header clearfix">
							<div class="item-name fl">
								<div class="header-img fl">
									<img src="images/companyLogo.png" >
								</div>
								<div class="header-infro fl">
									<div class="header-title">
										达内教育
									</div>
									<div class="header-hot clearfix">
										<div class="fl header-hot-t">热度指数</div>
										<div class="hot-progress fl">
											<div class="progress-val" id="bar_width">5642</div>
											<div class="progress-bar">
												<span class="progress-in" id="bar"></span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="item-keyword fr">
								<ul>
									<li>关键词 :</li>
									<li>工作好</li>
									<li>老师负责</li>
									<li>老师好</li>
								</ul>
							</div>
						</div>
						<div class="item-content">
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">达内科技是国内的职业教育机构</span>
								</p>
								<div class="item-content-time fr">一天前</div>
							</div>
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">百家号</span>
								</p>
								<div class="item-content-time fr">22小时后</div>
							</div>
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">东方网</span>
								</p>
								<div class="item-content-time fr">一天前</div>
							</div>
						</div>
					</div>
					<div class="left-item clearfix">
						<div class="item-header clearfix">
							<div class="item-name fl">
								<div class="header-img fl">
									<img src="images/companyLogo.png" >
								</div>
								<div class="header-infro fl">
									<div class="header-title">
										达内教育
									</div>
									<div class="header-hot clearfix">
										<div class="fl header-hot-t">热度指数</div>
										<div class="progress fl">
											<div class="progress-val" id="bar_width">5642</div>
											<div class="progress-bar">
												<span class="progress-in" id="bar"></span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="item-keyword fr">
								<ul>
									<li>关键词 :</li>
									<li>工作好</li>
									<li>老师负责</li>
									<li>老师好</li>
								</ul>
							</div>
						</div>
						<div class="item-content">
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">达内科技是国内的职业教育机构</span>
								</p>
								<div class="item-content-time fr">一天前</div>
							</div>
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">百家号</span>
								</p>
								<div class="item-content-time fr">22小时后</div>
							</div>
							<div class="clearfix">
								<p class="fl"><a href="#"><span  class="item-content-title">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
									<span class="item-content-source">东方网</span>
								</p>
								<div class="item-content-time fr">一天前</div>
							</div>
						</div>
					</div>
				</div>
				<div class="right-box fr">
					<div class="hot-title">热门产品</div>
					<div class="item-list clearfix">
						<div class="fl item-list-img"><img src="images/productLogo.png"/></div>
						<div class="item-txt fl">
							<div class="item-txt-title">小雷达（产品名）</div>
							<div class="item-txt-name">企雷达科技股份有限公司</div>
							<div class="item-txt-content">小雷达的一段产品介绍，研发过小雷达的一段产品介绍，研发过程很艰辛，投入很大很好用的一款新产品什么什么之类的,投入很大很好用的一款新产品什么什么之类的</div>
						</div>
					</div>
					<div class="item-list clearfix">
						<div class="fl item-list-img"><img src="images/productLogo.png"/></div>
						<div class="item-txt fl">
							<div class="item-txt-title">小雷达（产品名）</div>
							<div class="item-txt-name">企雷达科技股份有限公司</div>
							<div class="item-txt-content">小雷达的一段产品介绍，研发过小雷达的一段产品介绍，研发过程很艰辛，投入很大很好用的一款新产品什么什么之类的,投入很大很好用的一款新产品什么什么之类的</div>
						</div>
					</div>
					<div class="item-list clearfix">
						<div class="fl item-list-img"><img src="images/productLogo.png"/></div>
						<div class="item-txt fl">
							<div class="item-txt-title">小雷达（产品名）</div>
							<div class="item-txt-name">企雷达科技股份有限公司</div>
							<div class="item-txt-content">小雷达的一段产品介绍，研发过小雷达的一段产品介绍，研发过程很艰辛，投入很大很好用的一款新产品什么什么之类的,投入很大很好用的一款新产品什么什么之类的</div>
						</div>
					</div>
				</div>
				</div>
				<div class="more clearfix">
					<span class="line fl"></span>
					<span class="more-txt fl">登陆查看更多</span>
					<span class="line fr"></span>
				</div>
			</div>
			<div class="arrow" id="arrow">
				<img src="images/arrow.png" />
			</div>
		</div>
	</body>
</html>
